@importurl(https://fonts.googleapis.com/css?family=Oswald|Roboto);

body{
background-color:#85c1a0;
height:100vh;
overflow:hidden;
text-align:center;
font-family:"Roboto",sans-serif;
}

.table{
display:table;
width:100%;
height:100%;
}

.table-cell{
position:absolute;
left:0;
right:0;
top:50%;
margin-top:-235px;
display:table-cell;
vertical-align:middle;
-moz-animation:rotate5sinfinitelinearnormal;
-webkit-animation:rotate5sinfinitelinearnormal;
animation:rotate5sinfinitelinearnormal;
}

#Path1,
#Path2{
-moz-animation:Path10sinfiniteease-in-out;
-webkit-animation:Path10sinfiniteease-in-out;
animation:Path10sinfiniteease-in-out;
}

#Oval-3{
-moz-animation:rotate-oval-35sinfinitelinearnormal;
-webkit-animation:rotate-oval-35sinfinitelinearnormal;
animation:rotate-oval-35sinfinitelinearnormal;
}

#Oval-4{
-moz-animation:rotate-oval-45sinfinitelinearnormal;
-webkit-animation:rotate-oval-45sinfinitelinearnormal;
animation:rotate-oval-45sinfinitelinearnormal;
}

#Oval-3-2{
-moz-animation:rotate-oval-3-25sinfinitelinearnormal;
-webkit-animation:rotate-oval-3-25sinfinitelinearnormal;
animation:rotate-oval-3-25sinfinitelinearnormal;
}

#Oval-4-2{
-moz-animation:rotate-oval-4-25sinfinitelinearnormal;
-webkit-animation:rotate-oval-4-25sinfinitelinearnormal;
animation:rotate-oval-4-25sinfinitelinearnormal;
}

@keyframesrotate{
0%{
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}

100%{
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}

@keyframesrotate-oval-3{
20%{
transform:translateX(-3%)translateY(-4%);
}

60%{
transform:translateX(-40%)translateY(-50%);
}
}

@keyframesrotate-oval-4{
20%{
transform:translateX(3%)translateY(4%);
}

60%{
transform:translateX(40%)translateY(50%);
}
}

@keyframesrotate-oval-3-2{
20%{
transform:translateX(-3%)translateY(-4%);
}

60%{
transform:translateX(130%)translateY(270%);
}
}

@keyframesrotate-oval-4-2{
20%{
transform:translateX(3%)translateY(4%);
}

60%{
transform:translateX(-130%)translateY(-270%);
}
}

@keyframesPath{
20%{
transform:translateX(-9%)translateY(-4%);
}

80%{
transform:translateX(-19%)translateY(-5%);
}
}

.rabbit{
width:50px;
height:50px;
position:absolute;
bottom:20px;
right:20px;
z-index:3;
fill:#fff;
}